<!DOCTYPE HTML>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
<head>
  <meta charset="UTF-8">

  <meta name="description" content="">
  <meta name="keywords" content="">

  <title></title>

 
  <link href="/css/style.css" media="screen" rel="stylesheet" type="text/css">
  <link href="/css/grid.css" media="screen" rel="stylesheet" type="text/css">
  <link rel="stylesheet" href="/css/jquery.jqzoom.css" type="text/css">
	<style>
		.zoomWrapperImage img{
			width: 100%;
			height: 100%;
		}
		.zoomPad img{
			width: 295px;
			height: 100%;
		}
		.add_comments input[type="button"] {
			margin: 30px 0 0 0;
			width: 172px;
			font: bold 14px/35px Segoeui-Bold, Arial, Verdana, serif;
		}
		.add_comments input[type="button"]:hover {
			background: #2ab4c4;
			box-shadow: 0px 0px 2px #2ab4c4;
			-moz-box-shadow: 0px 0px 2px #2ab4c4;
			-webkit-box-shadow: 0px 0px 2px #2ab4c4;
		}
		.add_comments input[type="button"] {
			height: 35px;
			display: block;
			background: #ff6a00;
			color: #fefefe;
			text-align: center;
			font: normal 11px Segoeui, Myriad Pro, Verdana, serif;
			border-radius: 2px;
			-moz-border-radius: 2px;
			-khtml-border-radius: 2px;
			behavior: url(PIE.htc);
			cursor: pointer;
		}
	</style>

  <script src="/js/jquery-1.7.2.min.js" ></script>
  <script src="/js/html5.js" ></script>
  <script src="/js/jflow.plus.js" ></script>
  <script src="/js/jquery.carouFredSel-5.2.2-packed.js"></script>
  <script src="/js/checkbox.js"></script>
  <script src="/js/radio.js"></script>
  <script src="/js/selectBox.js"></script>
<script src="/js/jquery.jqzoom-core.js" ></script>
	<script src="/js/publicLike.js"></script>
	<script src="/js/vue.js"></script>
	<script src="/js/element.js"></script>
	<script>
        $(function () {
            var data = $("#pickListModels").val();
            $("#products  ul").remove();
            if (data!=null || data !=''){
                var img_gimage =$(".img_gimage").attr("alt");
               // alert(img_gimage)
                var json = eval('(' + data + ')');
                var html='<ul  class="pagination clearfix" id="thumblist" >';
					//'<li><a href="javascript:void(0);" rel="{gallery: \'gal1\', smallimage: \'' +
                   // img_gimage+'\',largeimage: \'' +
                   // img_gimage+'\'}"><img src="' +
                   // img_gimage+'" alt=""></a></li>';
                console.log(json);
                for (var i =0; i<json.listimg.length; i++){
                    html+='<li><a href="javascript:void(0);" rel="{gallery: \'gal1\', smallimage: \'' +
                        json.listimg[i].imgUrl+'\',largeimage: \'' +
                        json.listimg[i].imgUrl+'\'}"><img src="' +
                        json.listimg[i].imgUrl+'" alt=""></a></li>';

                    console.log(json.listimg.length);

                }

                html+='</ul>';
                $("#products").append(html);
            }

        });
	</script>
  <script>
	$(document).ready(function() {
        $(function(){
            $(".jqzoom").jqzoom({
                zoomWidth: 240,
                zoomHeight:240,
                lens:true,
                preloadImages: false,
                alwaysOn:false,
                title:false,
                showPreload:false,
                xOffset:20,
                preloadText:'',
                position: "right"
            });
        })
	});
  </script>


  <script>
      function collection(){
          window.location.href = "/collect/getCollect?userId="+sessionStorage.getItem("userId");
      }

      $(document).ready(function() {
		$('#wrapper_tab a').click(function() {
			if ($(this).attr('class') != $('#wrapper_tab').attr('class') ) {
				$('#wrapper_tab').attr('class',$(this).attr('class'));
			}
			return false;
		});
	});
  </script>

  <script>
	$(function() {
	  $('#list_product').carouFredSel({
		prev: '#prev_c1',
		next: '#next_c1',
		auto: false
	  });
          $('#list_banners').carouFredSel({
		prev: '#ban_prev',
		next: '#ban_next',
		scroll: 1,
		auto: false
	  });
	  $('#thumblist').carouFredSel({
		prev: '#img_prev',
		next: '#img_next',
		scroll: 1,
		auto: false,
		circular: false,
	  });
	  $(window).resize();
	});
  </script>
  <script>
       $(document).ready(function(){
	      $("button").click(function(){
		     $(this).addClass('click')
	      });
       })
  </script>

	<script>
        $(function () {
            var uid=sessionStorage.getItem("userId");
            var conditionData = {
                "userId":uid//用户编号
            };
            var conditionDataJSON = JSON.stringify(conditionData);
            $.ajax({
                type: 'post',
                url: "/shoppingcart/getListBayIndex",    // 提交到controller的url路径
                data: conditionDataJSON,
                contentType: "application/json",
                cache: false,
                async: true,
                success: function (data) {    // 请求成功后的回调函数，其中的参数data为controller返回的map,也就是说,@ResponseBody将返回的map转化为JSON格式的数据，然后通过data这个参数取JSON数据中的值;;
                    var jsonString = JSON.parse(data) ;
                    if (jsonString.msg == "ok") {
                        $(".grid_6 #cart_nav li .cart_cont").remove();
                        $(".grid_6 #cart_nav li a.cart_li span").html(jsonString.sum+"件");
                        var r =jsonString.shoppingcartList;
                        var html ='<ul class="cart_cont"><li class="no_border"><p>最近添加的项目</p></li><li>';
                        for (var i=0;i<r.length;i++){
                            html +='<li><a href="javaScript:void(0);"alt="' +
                                r[i].goods.gid+'" class="prev_cart getByGoodsId"><div class="cart_vert"><img src="' +
                                r[i].goods.gimage+'" alt="" title="" /></div></a><div class="cont_cart"><h4>' +
                                r[i].goods.gname+'</h4><div class="price">￥' +
                                r[i].goods.price+'</div> </div> <a title="close" class="close" href="#"></a><div class="clear"></div></li>';

                        }
                        html+='<li class="no_border"> <a href="/qd/shopping_cart.html" class="view_cart">查看购物车</a><a href="/qd/checkout.html" class="checkout">进行结账</a></li></ul>';
                        $(".grid_6 #cart_nav li").append(html);
                        /*
                        * 商品详情*/
                        $(".getByGoodsId").click(function () {
                            var  gid =$(this).attr("alt");
                            window.location.href="/goods/getByIdGoods?id="+gid;
                        });

                    } else {
                        $(".grid_6 #cart_nav li .cart_cont").remove();
                        $('.grid_6 #cart_nav li .cart_li').click(function() {
                            alert("请登录！！！");

                        });
                    }
                },
            });
        })
	</script>

</head>
<body>
<div id="app">
	<div class="container_12">
		<div id="top">
			<div class="grid_3">
				<div class="phone_top">
					Call Us +777 (100) 1234
				</div><!-- .phone_top -->
			</div><!-- .grid_3 -->

			<div class="grid_6">
				<div class="welcome">
					<div v-if="!flag">欢迎访客，您可以<a href="/qd/login.html" style="color: #fe6400">登录</a> 或
						<a href="/qd/register.html" style="color: #fe6400">创建帐户</a>.</div>
					<div>
						<p v-if="flag" class="uids" >{{userName}} 欢迎访问坭兴陶推荐网<a style="color: #fe6400;margin-left: 10px;cursor: pointer" @click="goOut">退出</a></p>
					</div>
					<input id="userIdPut" th:if="${session.userInfo!=null}" type="hidden" th:value="${session.userInfo.uid}">
					<input id="userName" th:if="${session.userInfo!=null}" type="hidden" th:value="${session.userInfo.userName}">
				</div><!-- .welcome -->
			</div><!-- .grid_6 -->

			<div class="grid_3">
				<div class="valuta">
					<ul>
						<li class="curent"><a href="qd/customerService.html">客户服务</a></li>
					</ul>
				</div><!-- .valuta -->

				<div class="lang">
					<ul>
						<li class="curent"><a href="/qd/personCenter.html">个人中心</a></li>
						<li><a href="/qd/blog.html">关于我们</a></li>
						<li><a href="/qd/contact_us.html">联系我们</a></li>
					</ul>
				</div><!-- .lang -->
			</div><!-- .grid_3 -->
		</div><!-- #top -->

		<div class="clear"></div>

		<header id="branding">
			<div class="grid_3">
				<hgroup>
					<h1 id="site_logo" ><a href="/goods/index.html" title=""><img src="/images/logo.png" alt="钦州坭兴陶" width="200" height="80"/></a></h1>
					<h2 id="site_description">钦州坭兴陶</h2>
				</hgroup>
			</div><!-- .grid_3 -->

			<div class="grid_3">
				<form class="search">
					<input type="text" name="search" class="entry_form" value="" placeholder="找你想要的..."/>
				</form>
			</div><!-- .grid_3 -->

			<div class="grid_6">
				<ul id="cart_nav">
					<li>
						<a class="cart_li" href="javaScript:void(0);">购物车<span>￥0.00</span></a>
						<ul class="cart_cont">
							<li class="no_border"><p>最近添加的项目</p></li>
							<li class="no_border">
								<a href="/qd/shopping_cart.html" class="view_cart">查看购物车</a>
								<a href="/qd/shopping_cart.html" class="checkout">进行结账</a>
							</li>
						</ul>
					</li>
				</ul>

				<nav class="private">
					<ul>
						<li><a href="/qd/personCenter.html">我的账户</a></li>
						<li class="separator">|</li>
						<li><a href="javascript:ahref();">我的收藏</a></li>
						<li class="separator">|</li>
						<li><a href="/qd/orderInfo.html">我的订单</a></li>
						<li class="separator" v-if="!flag">|</li>
						<li v-if="!flag"><a href="/qd/login.html">登录</a></li>
						<li class="separator">|</li>
						<li v-if="!flag" ><a href="/qd/register.html">注册</a></li>
					</ul>
				</nav><!-- .private -->
			</div><!-- .grid_6 -->
		</header><!-- #branding -->
	</div><!-- .container_12 -->

  <div class="clear"></div>

	<div id="block_nav_primary">
		<div class="container_12">
			<div class="grid_12">
				<nav class="primary">
					<ul>
						<li class="curent"><a href="/goods/index.html">首页</a></li>
						<li><a href="/qd/all_catalog.html">全部宝贝</a></li>
						<li><a href="/qd/catalog_grid.html">热销推荐</a></li>
						<li><a href="/qd/compare.html">猜你喜欢</a></li>
						<li>
							<a href="/qd/catalog_list.html">新品推荐</a>
						</li>


						<li>
							<a href="#">更多精彩</a>
							<ul class="sub">
								<li><a href="/qd/contact_us.html">联系我们</a></li>
								<li><a href="/qd/blog.html">关于我们</a></li>

							</ul>
						</li>
					</ul>
				</nav><!-- .primary -->
			</div><!-- .grid_12 -->
		</div><!-- .container_12 -->
	</div><!-- .block_nav_primary -->

  <div class="clear"></div>

  <div class="container_12">
    <div class="grid_12">
       <div class="breadcrumbs">
	      <a href="/goods/index.html">首页</a><span>&#8250;</span><span class="current">当前页</span>
       </div><!-- .breadcrumbs -->
    </div><!-- .grid_12 -->
  </div><!-- .container_12 -->

  <div class="clear"></div>

  <section id="main">
    <div class="container_12">
       <div id="sidebar" class="grid_3" style="width: 228px;">
	      <aside id="specials" class="specials">
		     <h3>特价商品</h3>
		     
		     <ul>
			    <li th:each="goodsT:${goodsListT}">
				   <div class="prev">
					  <a href="javascript:void(0);" class="getByGoodsId" th:alt="${goodsT.gid}"><img th:src="${goodsT.gimage}" class="getByGoodsId" title="" /></a>
				   </div>
				   
				   <div class="cont">
					  <a href="javascript:void (0);" class="getByGoodsId" th:alt="${goodsT.gid}" th:text="${goodsT.gname}">钦州坭兴陶茶壶大容量刻字小号家用非紫砂泡茶壶茶具</a>
					 <!-- <div class="prise"><span class="old">￥177.00</span>￥75.00</div>-->
					   <div class="prise" th:text="￥+${goodsT.price}">￥75.00</div>
				   </div>   
			    </li>
		     </ul>
	      </aside><!-- #specials -->
	      

	      <aside id="banners">
		<a id="ban_next" class="next arows" href="#"><span>Next</span></a>
		<a id="ban_prev" class="prev arows" href="#"><span>Prev</span></a>

		<h3>大家都在看</h3>

		<div class="list_carousel">
			<ul id="list_banners">
				<li class="banner"  th:each="goodsV:${goodsListl}">
					<a href="javascript:void(0);" class="getByGoodsId" th:alt="${goodsV.gid}">
					<div class="prev">
						<img th:src="${goodsV.gimage}" alt="" title="" />
					</div><!-- .prev -->

					<h2>坭兴陶</h2>

					<p>专业好品质</p>
 			        </a></li>

					<li class="banner"><a href="#">
					<div class="prev">
						<img src="/images/product_1.jpg" alt="" title="" />
					</div><!-- .prev -->

					<h2>坭兴陶</h2>

					<p>专业好品质</p>
 			        </a></li>

					<li class="banner"><a href="#">
					<div class="prev">
						<img src="/images/product_1.jpg" alt="" title="" />
					</div><!-- .prev -->

					<h2>坭兴陶</h2>

					<p>专业好品质</p>
 			       </a></li>
			</ul>
		</div><!-- .list_carousel -->
	      </aside><!-- #banners -->
       </div><!-- .sidebar -->

       <div id="content" class="grid_9">
	     <!-- <h1 class="page_title">紫砂壶茶壶李双喜全手工名</h1>-->

		<div class="product_page" id="product_page">
			<div class="grid_4 img_slid" id="products">
				<img class="sale" src="/images/sale.png" alt="Sale"/>
				<div class="preview slides_container">
					<div class="prev_bg">
						<a th:href="${goods.gimage}" class="jqzoom" id="jqzoom" rel='gal1' title="">
							<img th:src="${goods.gimage}" class="img_gimage" th:title="${goods.gimage}" th:alt="${goods.gimage}"/>
						</a>
					</div>
				</div><!-- .prev -->
				<input type="hidden" id="pickListModels" th:value='${listimg}'>

					<ul  class="pagination clearfix" id="thumblist" >
						<li><a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: './images/produkt_slid1.jpg',largeimage: './images/produkt_slid1.jpg'}"><img src='images/produkt_slid1.jpg' alt=""></a></li>
						<li><a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: './images/produkt_slid2.jpg',largeimage: './images/produkt_slid2.jpg'}"><img src='images/produkt_slid2.jpg' alt=""></a></li>
						<li><a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: './images/produkt_slid1.jpg',largeimage: './images/produkt_slid1.jpg'}"><img src='images/produkt_slid1.jpg' alt=""></a></li>
						<li><a href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: './images/produkt_slid1.jpg',largeimage: './images/produkt_slid1.jpg'}"><img src='images/produkt_slid1.jpg' alt=""></a></li>
					</ul>

					<div class="next_prev">
						<a id="img_prev" class="arows" href="#"><span>Prev</span></a>
						<a id="img_next" class="arows" href="#"><span>Next</span></a>
					</div><!-- . -->



			</div><!-- .grid_4 -->

			<div class="grid_5">
				<div class="entry_content">
					<h3 th:text="${goods.gname}">据广西工艺美术研究所考证。在广西近百年来，其传统工艺能够保持和继承并得到发展的只有壮锦及坭兴陶，为此，钦州坭兴陶被认定为目前广西最具民族特色的二件宝之一。也是钦州最名著名的特产之一。</h3>
					<div class="review">
					<!--	<a class="plus" href="#"></a>
						<a class="plus" href="#"></a>
						<a class="plus" href="#"></a>
						<a href="#"></a>
						<a href="#"></a>
						<span>1 评论</span>
						<a class="add_review" href="#">评论</a>-->
						<p>销量: <span th:text="${goods.sales}+件"></span></p>
						<p style="width: 40%; float: left">浏览量: <span th:text="${goods.views}+次"></span></p>
					</div>
					<div class="ava_price">
						<div class="availability_sku">
							<div class="availability">
								库存: <span th:style="${goods.goodsNumber}<0?'':'display: none'">有货</span>
								<span th:style="${goods.goodsNumber}>0?'':'display: none'">无货</span>
							</div>
							<div class="sku">
								数量: <span th:text="${goods.goodsNumber}">1233</span>
							</div>
						</div><!-- .availability_sku -->

						<div class="price">
							<div class="price_new" th:text="￥+${goods.price}">￥550.00</div>
							<!--<div class="price_old">￥725.00</div>-->
						</div><!-- .price -->
					</div><!-- .ava_price -->

					<div class="block_cart">
						<div class="obn_like">
							<div class="obn"><a href="#" class="obn">比较</a></div>
							<!--<div class="like"><a href="#" class="like" th:alt="${goods.gid}">收藏</a></div>-->
						</div>

						<div class="cart">
							<a href="javaScript:void (0)" class="bay" th:alt="${goods.gid}">加入购物车</a>
							<input type="text" name="" class="number" value="1" />
							<span>数量:</span>
						</div>
						<div class="clear"></div>
					</div><!-- .block_cart -->
					<div class="soc">
						<img src="/images/soc.png" alt="Soc"/>
					</div><!-- .soc -->
				</div><!-- .entry_content -->

			</div><!-- .grid_5 -->

			<div class="clear"></div>

			<div class="grid_9" >
				<div id="wrapper_tab" class="tab1">
					<a href="#" class="tab1 tab_link">描述</a>
					<a href="#" class="tab2 tab_link">平论</a>
					<!--<a href="#" class="tab3 tab_link">属性</a>-->

					<div class="clear"></div>

					<div class="tab1 tab_body">
						<h4>坭兴陶</h4>
						<p th:text="${goods.introduction}">据广西工艺美术研究所考证。在广西近百年来，其传统工艺能够保持和继承并得到发展的只</p>
						<table>
							<tr>
								<th class="bg">序列</th><th>规格</th><th class="bg">属性</th>
							</tr>
							<tr>
								<td class="bg">1</td><td>否</td><td class="bg">是</td>
							</tr>
							<tr>
								<td class="bg">2</td><td>0</td><td class="bg">1</td>
							</tr>
							<tr>
								<td class="bg">3</td><td th:text="￥+${goods.price}">￥399</td><td class="bg"th:text="￥+${goods.price*1.2}">￥599</td>
							</tr>

						</table>
					<div class="clear"></div>
					</div><!-- .tab1 .tab_body -->

					<div class="tab2 tab_body">

						<ul class="comments">
							<div th:each="comm:${gcList}">
								<li><!--class="avatar"-->
									<div>
										<img style="width: 30px;height: 30px;float:left" src="/images/avatar.png" alt="Avatar"/>
										<span style="float:left" th:text="${comm.reviewer}" class="autor">笑话</span>,
										<time datetime="2012-11-03" ><span th:text="${#dates.format(comm.cDate, 'yyyy-MM-dd')}">03.11.2012</span></time>
									</div>
									<div class="clear"></div>
									<p th:text="${comm.content}" style="margin-top: 10px;">此时此刻 广西钦州坭兴陶茶杯水杯</p>
								</li>
							</div>
						</ul><!-- .comments -->

						<form class="add_comments" action="" >
							<p></p>
							<h4>快来谈谈你的想法</h4>
							<div class="clear"></div>
							<div class="" style="width: 300px">
								<sup class="surely">*</sup>评分：
								<select class="sortItems">
									<option>1</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
									<option>5</option>
								</select>分
							</div><!-- .sort -->
							<div class="text_review">
								<strong>评论</strong><sup class="surely">*</sup><br/>
								<textarea name="text" class="content"></textarea>
								<input type="hidden" id="counts" th:value="${goods.views}">
								<input type="hidden" id="gids" th:value="${goods.gid}">
							</div><!-- .text_review -->
							<input type="button" id="add_comments"   value="提交评论" />
						</form><!-- .add_comments -->
					<div class="clear"></div>
					</div><!-- .tab2 .tab_body -->

					<div class="clear"></div>
				</div>​<!-- #wrapper_tab -->
				<div class="clear"></div>
			</div><!-- .grid_9 -->

			<div class="clear"></div>

			<div class="related">
				<div class="c_header">
					<div class="grid_7">
						<h2>相关产品</h2>
					</div><!-- .grid_7 -->

					<div class="grid_2">
						<a id="next_c1" class="next arows" href="#"><span>Next</span></a>
						<a id="prev_c1" class="prev arows" href="#"><span>Prev</span></a>
					</div><!-- .grid_2 -->
				</div><!-- .c_header -->

				<div class="list_carousel">

				<ul id="list_product" class="list_product">
					<li class="" th:each="nGoods:${listByItem}">
						<div class="grid_3 product">
							<div class="prev">
								<a href="javascript:void(0);" class="getByGoodsId" th:alt="${nGoods.gid}"><img th:src="${nGoods.gimage}" alt="" title="" /></a>
							</div><!-- .prev -->
							<h3 class="title" th:text="${nGoods.gname}">在广西近百年来，其传统工艺能够保持和继承并得到发展的只</h3>
							<div class="cart">
								<div class="price">
									<div class="vert">
										<div class="price_new" th:text="￥+${nGoods.price}">￥550.00</div>
										<!--<div class="price_old">￥725.00</div>-->
									</div>
								</div>
								<a href="#" class="obn"></a>
								<a href="javascript:void(0);" class="like" th:alt="${nGoods.gid}">
									<!--<input th:value="${goodn.gid}" type="hidden"  />-->
								</a>
								<a href="javascript:void(0);" class="bay" th:alt="${nGoods.gid}">
									<!--<input th:value="${goodn.gid}" type="hidden"  />-->
								</a>
							</div><!-- .cart -->
						</div><!-- .grid_3 -->
					</li>

					<li class="">
						<div class="grid_3 product">
							<div class="prev">
								<a href="product_page.html"><img src="/images/product_1.jpg" alt="" title="" /></a>
							</div><!-- .prev -->
							<h3 class="title">在广西近百年来，其传统工艺能够保持和继承并得到发展的只</h3>
							<div class="cart">
								<div class="price">
									<div class="vert">
										<div class="price_new">￥550.00</div>
										<div class="price_old">￥725.00</div>
									</div>
								</div>
								<a href="#" class="obn"></a>
								<a href="#" class="like"></a>
								<a href="#" class="bay"></a>
							</div><!-- .cart -->
						</div><!-- .grid_3 -->
					</li>

				<li class="">
						<div class="grid_3 product">
							<div class="prev">
								<a href="product_page.html"><img src="/images/product_1.jpg" alt="" title="" /></a>
							</div><!-- .prev -->
							<h3 class="title">在广西近百年来，其传统工艺能够保持和继承并得到发展的只</h3>
							<div class="cart">
								<div class="price">
									<div class="vert">
										<div class="price_new">￥550.00</div>
										<div class="price_old">￥725.00</div>
									</div>
								</div>
								<a href="#" class="obn"></a>
								<a href="#" class="like"></a>
								<a href="#" class="bay"></a>
							</div><!-- .cart -->
						</div><!-- .grid_3 -->
					</li>

					<li class="">
						<div class="grid_3 product">
							<div class="prev">
								<a href="product_page.html"><img src="/images/product_1.jpg" alt="" title="" /></a>
							</div><!-- .prev -->
							<h3 class="title">在广西近百年来，其传统工艺能够保持和继承并得到发展的只</h3>
							<div class="cart">
								<div class="price">
									<div class="vert">
										<div class="price_new">￥550.00</div>
										<div class="price_old">￥725.00</div>
									</div>
								</div>
								<a href="#" class="obn"></a>
								<a href="#" class="like"></a>
								<a href="#" class="bay"></a>
							</div><!-- .cart -->
						</div><!-- .grid_3 -->
					</li>
			        </ul><!-- #list_product -->
				</div><!-- .list_carousel -->
			</div><!-- .carousel -->
		</div><!-- .product_page -->
		<div class="clear"></div>

       </div><!-- #content -->

      <div class="clear"></div>

    </div><!-- .container_12 -->
  </section><!-- #main -->

  <div class="clear"></div>

<footer>
    <div class="f_navigation">
      <div class="container_12">
        <div class="grid_3">
          <h3>联系我们</h3>
          <ul class="f_contact">
            <li>钦州湾广场</li>
            <li>+777 (100) 1234</li>
            <li>mail@example.com</li>
          </ul><!-- .f_contact -->
        </div><!-- .grid_3 -->

        <div class="grid_3">
          <h3>信息</h3>
          <nav class="f_menu">
            <ul>
              <li><a href="#">关于我们</a></li>
              <li><a href="#">隐私政策</a></li>
              <li><a href="#">条款及细则</a></li>
              <li><a href="#">安全付款</a></li>
            </ul>
          </nav><!-- .private -->
        </div><!-- .grid_3 -->

        <div class="grid_3">
          <h3>顾客服务</h3>
          <nav class="f_menu">
            <ul>
              <li><a href="contact_us.html">联系方式</a></li>
              <li><a href="#">返回</a></li>
              <li><a href="#">常见问题</a></li>
              <li><a href="#">网站地图</a></li>
            </ul>
          </nav><!-- .private -->
        </div><!-- .grid_3 -->
        <div class="clear"></div>
      </div><!-- .container_12 -->
    </div><!-- .f_navigation -->

    <div class="f_info">
      <div class="container_12" >
        <div class="grid_6" style="margin: 0 auto; width: 100%;">
          <p class="copyright" style="text-align: center;">© 钦州坭兴陶, 2020.07 </p>
        </div><!-- .grid_6 -->
        <div class="clear"></div>
      </div><!-- .container_12 -->
    </div><!-- .f_info -->
  </footer>
</div>
<script>
    function ahref() {
        if (sessionStorage.getItem("userId") != null && sessionStorage.getItem("userId") != "") {
            window.location.href = "/qd/collection.html";
        }else {
            alert("请先登录！")
        }
    }
    function seeCart(){
        if (sessionStorage.getItem("userId") != null && sessionStorage.getItem("userId") != "") {
            window.location.href = "/qd/shopping_cart.html";
        }else {
            alert("请先登录！")
        }
    }
    $(function() {
        var userId = $("#userIdPut").val();
        if (userId != null && userId != ""){
            sessionStorage.setItem("userId",userId);
            sessionStorage.setItem("userName",$("#userName").val());
        }

    });

    let vue = new Vue({
        el: '#app',
        data() {
            return {
                flag:false,
                userName:""
            }
        },
        methods:{
            getUserInfo(){
                let userId = sessionStorage.getItem("userId");
                if (userId != null && userId != ""){
                    this.flag=true;
                    this.userName=sessionStorage.getItem("userName");
                }
            },
            goOut(){
                sessionStorage.removeItem("userId");
                sessionStorage.removeItem("userName");
                window.location.href="/goods/index.html";
            }
        },
        created(){
            this.getUserInfo()
        }
    })
</script>
<script>
	$(function () {
        $("#add_comments").click(function () {

            var  gid =$("#gids").val();//商品id
            var content =$(".content").val();//评论内容
            var userId = sessionStorage.getItem("userId");//用户id
            var  counts =$("#counts").val();//浏览量
            var userName=sessionStorage.getItem("userName");//用户命
            var sortWay = $(".sortItems option:selected").text()== undefined ? '': $(".sortItems option:selected").text().trim();	// 评分
            var json={
                "gid":gid,
				"content":content,
				"userId":userId,
				"userName":userName,
				"counts":counts,
				"sortWay":sortWay

			};
            var conditionDataJSON = JSON.stringify(json);
            $.ajax({
                type: 'post',
                url: "/commont/post_comment_qr",    // 提交到controller的url路径
                data: conditionDataJSON,
                contentType: "application/json",
                cache: false,
                async: true,
                success: function (data) {
                    var jsonString = JSON.parse(data) ;
                    if (jsonString.msg == "ok") {
                        window.location.href="/goods/getByIdGoods?id="+gid;

					}else {
                        if (jsonString.msg == "ok") {
                            var falg=confirm("请登录！！！！");
                            if (falg) {
                                window.location.href="/qd/login.html";
							}
							window.location.href="/goods/getByIdGoods?id="+gid;
						}
					}


				},





            });
        });
          /*  $.post("/commont/commntAdd",json,function(r){
                if(r=="ok"){
                  /!*  var falg=confirm("评论成功！！！！！");
                    if (flag) {
                        window.location.href="/goods/getByIdGoods?id="+gid;
					}else {

					}
                   *!/
                    window.location.href="/goods/getByIdGoods?id="+gid;
                }else if (r=="err") {
                    var flag =confirm('请登陆！！！！！！！');
                    if (flag) {
                        window.location.href="/qd/login.html";
                    }
                }else{
                    alert("评论失败！！！！！！！！！");


                }

            },"text");


        });*/
    });
</script>

</body>
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=utf-8" /><!-- /Added by HTTrack -->
</html>
